<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <!--value="hh" readonly  只读
        hidden   隐藏
        disabled  禁用 -->
    <form action="/跟着狂神/媒体.html" method="get">
  <!--value="hhb"  默认值
      maxlength="5" 输入最多5个字符
      size="40"    输入框大小  -->
       <p> name<input type="text" name="username"  value="只读" readonly required></p>
   <!-- 增强鼠标可用性 -->
      <p>
        <label for="hhb">
         点我试试：<input type="text" id="hhb">
        </label>
      </p>
       <!-- 
        placeholder 提示信息
        required 非空判断
        pattern 正则表达式
     -->
     <!--pattern="^[a-zA-Z]\w{5,17}$" (以字母开头，长度在6~18之间，只能包含字母、数字和下划线 -->
        <p>password<input type="password" name="pwd" placeholder="输入密码" required pattern="^[a-zA-Z]\w{5,17}$"></p>
       <!-- 单选 -->
        <p>性别：
        <input type="radio" value="boy" name="hhc" checked/>男
        <input type="radio" value="sex" name="hhc"/>女
       </p>
       <!-- 多选 -->
       <p>爱好：
          <input type="checkbox" value="a" name="y">1
          <input type="checkbox" value="b" name="y">2
          <input type="checkbox" value="c" name="y">3
          <input type="checkbox" value="d" name="y">4
       </p>
       <!-- 下拉框 -->
       <p>下拉框：
       <select name="列表名称">
        <option value="chinase">中国</option>
        <option value="us">美国</option>
        <option value="jnd" selected>加拿大</option>
        <option value="yd">一度</option>
       </select>
       </p>
       <!-- 文本域 -->
       <p>反馈：
        <textarea name="text" cols="50" rows="10">文本内容</textarea>
       </p>
       <!-- 文件域 -->
       <p>
        <input type="file" name="file"/>
       </p>

       <!-- 邮件 -->
       邮件：<input type="email" name="" id=""><br>
       <!-- 网址 -->
       网址：<input type="url" name="" id=""><br>
       <!-- 数字 -->
       数字：<input type="number" max="100" min="1" step="3"><br>
       <!-- 滑块 -->
       <p>音量：
       <input type="range" name="" max="100" min="0">
       </p>
       <!-- 搜索框 -->
       <p>搜索：
        <input type="search">
       </p>
       <!-- 按钮 -->
       <p>
        <input type="button" value="登录">
       </p>
        <p> 
        <input type="submit">
        <input type="reset" >
        </p>
    </form>
</body>
</html>